<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>
		<meta name="Keywords" content="鼎搜网 鼎搜公益"/>
		<meta name="Description" content="这是我第一次做页面"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/rest.css"/>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
	</head>
	<body>
		<!--主容器-->
		<div class="web">
			<!--页面的头部-->
			<!--语义化标签-->
			<header class="clearfix">
				<!--logo部分-->
				<div class="imgwrap fl">
					<a href="#">
						<img src="img/logo.jpg" alt=""/>
					</a>
				</div>
				<!--nav部分-->									
				<ul class="nav fl">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="sign.html">关于鼎搜</a>
					</li>
					<li>
						<a href="login.html">鼎搜服务</a>
					</li>
					<li>
						<a  href="list.html">鼎搜动态</a>
					</li>
					<li class="active">
						<a href="register.html">鼎搜诚聘</a>
					</li>
					<li>
						<a href="muban.html">鼎搜公益</a>
					</li>
				</ul>
				<!--search部分-->
				<div class="serve fl">
					<form action="" method="post">
						<input type="text" name="" id="" value="" />
						<input type="image" src="img/sou.png"/>
					</form>
				</div>
			</header>
				<div class="carousel">
					<div>
						<p>诚信为鼎</p>
						<p>共赢为首</p>
						<p>服务全网</p>
					</div>
				</div>
			<!--kv部分-->
			<div class="section">
				<div class="transfer">
					<div class="titleme">
						<h4><span>我要转让</span></h4>
						<p>woyaozhuanrang</p>
					</div>
				</div>
				<div class="tablep">
					<form method="post">
						<table>
							<tr>
								<td colspan="2" class="touch">
									<h4><a href="">点击登录</a></h4>
									<h4><a href="">点击注册</a></h4>
									
								</td>
							</tr>
							<tr>
								<td width="15%">用户名：</td>
								<td>
									<input type="text" name="" id="usname" value="" />
									<span class="pname">用户名错误</span>
								</td>
							</tr>
							<tr>
								<td width="15%">密码：&nbsp;&nbsp;&nbsp;</td>
								<td>
									<input type="password" name=""  value="" />
									<span class="pword">密码错误</span>
								</td>
							</tr>
							<tr>
								<td width="15%">验证码：</td>
								<td>
									<input type="username" name=""  value="" />
									<div>
										<img src="img/2M.jpg"/>
									</div>
									<p>看不清？<span><a href="">点击更换</a></span></p>
									<span class="pverifi">验证码错误</span>
								</td>
							</tr>
							<tr>
								<td width="15%">有效期：</td>
								<td>
									<input type="radio" name="1"  value="一个月" /> 一个月 
									<input type="radio" name="1"  value="一周" /> 一周
									<input type="radio" name="1"  value="一年" /> 一年
									<input type="radio" name="1"  value="即时" /> 即时
									<span class="pindate">请选择有效日期</span>
								</td>
							</tr>
							<tr>
								<td colspan="2" class="get">
									<h4><a class="r_but">登录</a></h4>
									<p><a href="">忘记密码？</a></p>
								</td>
							</tr>
						</table>
					</form>
					<div  class="easy">
						<div class="easytoo">
							鼎搜<br />
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;让生意做得更容易
						</div>
					</div>
				</div>
			</div>
			<!--尾部-->
			<footer>
				<div class="buli">
					<div>
						<h2>简介</h2>
						<p>鼎搜网简介</p>
						<p>鼎搜服务</p>
						<p>会员身份实名认证</p>
					</div>
					<div>
						<h2>帮助</h2>
						<p>用户注册</p>
						<p>关于鼎搜</p>
						<p>在线咨询</p>
					</div>
					<div>
						<h2>共赢</h2>
						<p>网站合作</p>
						<p>用户协议</p>
						<p>会员身份实名认证</p>
					</div>
					<div>
						<h2>导航</h2>
						<p>地图首页</p>
						<p>职能分类</p>
						<p>企业名录</p>
					</div>
					<div class="phone">
						<div class="phnu">
							<div>
								<img src="img/phone.png"/>	
							</div>
							<p>
							全 国 服 务 热 线<br />
							440-880-1779<br />
							<span>邮箱:dinsoo@163.com</span>
							</p>
						</div>
						<div class="take">
							<div>
								<img src="img/code.jpg"/>
							</div>
							<p>订阅信息</p>
						</div>
					</div>
					<div class="contact clearfix">
						<p>
							投诉电话：4408801779<br />
							周一至周六：9:20-20:00
						</p>
						<div>
							<img src="img/share.jpg"/>
						</div>
					</div>
				</div>
				<div class="bottom">
					<p class="text">Copyright 2015 鼎搜网(www.dinsoo.com 

) 版权所有</p>
				</div>
			</footer>
		</div>
		<!--.web>(header)+(.carousel)+(footer)-->
	</body>
	<script type="text/javascript">
		var but =document.querySelector(".r_but");
		var name1 =document.getElementById("usname");
		var pssword =document.querySelector("input[type='password']")
		var verification =document.querySelector("input[type='username']")
		var w_name =document.querySelector(".pname")//用户名
		var w_word =document.querySelector(".pword")//密码
		var w_code =document.querySelector(".pverifi")//验证码
		var w_indate =document.querySelector(".pindate")//有效期	
		var radioa =document.querySelectorAll("input[type='radio']");
//		console.log(radioa)
//		console.log(radioa[2].checked)
		but.addEventListener("click",function(e){
			e.preventDefault()
			var arr1={}
			if(name1.value == ""){
				w_name.style.display="block";
			}else{
				arr1.username= name1.value
				w_name.style.display="none";
			}
			if(pssword.value == ""){
				w_word.style.display="block";
			}else{
				arr1.password= pssword.value
				w_word.style.display="none";
			}
			if(verification.value != "KI6L"){
				w_code.style.display="block";
			}else{
				arr1.verificationcode=verification.value
				w_code.style.display="none";
			}
			for(var i=0;i<radioa.length;i++){
				console.log(radioa[i].checked)
				if(radioa[i].checked == false){
//					arr1.indate=radioa[i].value
					w_indate.style.display="block";
				}else{
					if(radioa[i].checked == true){
						w_indate.style.display="none";
						arr1.indate=radioa[i].value
						break
					}
				}
			}
			console.log(arr1)
			
		})
		
	</script>
</html>
